.autoindex-list,
.autoindex-copyright,
.autoindex-unsupported{
	font-family: Monaco, "Microsoft Yahei", "Helvetica Neue", Simsun, Helvetica, Tahoma, Arial,sans-serif;
	font-size: 14px;
}

.autoindex-list>li{
	line-height:34px;
	border-bottom:1px #ddd solid;
	padding-left:10px;
	padding-right:10px;
	position:relative;
	color:#999;
}
.autoindex-list>li:hover{
	background-color:#eee;
	border-bottom-color:#2CC38E;
}
.autoindex-list>li a{
	text-decoration:none;
}
.autoindex-list>li a:hover{
	text-decoration:underline;
}
.autoindex-list>li a.external{
	font-size:0;
	line-height:0;
	width:10px;
	height:10px;
	display:inline-block;
	vertical-align:middle;
	margin-left:10px;
	background-size:100%;
	background-repeat:no-repeat;
	background-image:url();
}
.autoindex-list>li span{
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	min-width:300px;
	display:inline-block;
	color:#666;
	padding-left:10px;
	padding-right:10px;
	background-color:rgba(255,255,255,0.45);
}

.autoindex-copyright{
	text-align:right;
	padding:10px;
	color:#888;
	font-size:12px;
}
.autoindex-copyright a{
	color:#2c66b1;
}
.autoindex-toggle{
	cursor:pointer;
}
.autoindex-toggle.active{
	font-weight:bold;
	color:#0093ff;
}
.autoindex-unsupported{
	position:absolute;
	right:0;
	bottom:0;
	z-index:6;
	background-color:rgba(244,244,244,0.45);
	padding:2px 5px;
	font-size:12px;
	margin:0;
	color:#666;
}

@media (max-width: 640px){
	.autoindex-list>li{
		padding-top:6px;
		padding-bottom:6px;
		line-height:24px;
	}
	.autoindex-list>li a{
		display:block;
		white-space:normal;
		word-break:break-all;
		padding-top:5px;
		padding-bottom:5px;
	}
	.autoindex-list>li span{
		min-width:auto;
		position:static;
		font-size:12px;
		line-height:16px;
		color:#888;
		background-color:transparent;
		padding:2px 0 5px 0;
	}
}